@charset "utf-8";

/*************************************

*样式主文件

*@mogumomo@import

*420128796

*************************************/



/* CSS Document */

/*NA-UI功能样式及布局系统*/

body { box-sizing: content-box; font: normal 12px/1.5 \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53; min-width: 1200px; background-color: #fbfbfb; color: #333; }

img { display: inline; border: none; -ms-interpolation-mode: bicubic; }

ul li { list-style-type: none; border: none; }

/*table { border-collapse: collapse; border-spacing: 0; }*/

input,

textarea { border: none; padding: 0; margin: 0; }

input { font-family: 'Microsoft YaHei'; }



/*在谷歌和火狐下不能拖拽*/

textarea { resize: none; }



/*去掉默认边框*/

input,

button,

select,

textarea,

a { outline: none; background-color: transparent; }



/* 只支持IE，过多使用效率低 */

a { blr: expression(this.onFocus=this.close()); blr: expression(this.onFocus=this.blur()); }

/* IE不支持 */

a:focus { -moz-outline-style: none; outline: none; }



/*浮动*/

.fl { float: left; }

.fr { float: right; }



/*清除浮动*/

.clearfix:after, .clearfix:before { height: 0; content: ""; display: block; clear: both; visibility: hidden; font-size: 0; }

.clearfix { zoom: 1; }

* html .clearfix { zoom: 1; }



/* IE6 */

*:first-child + html .clearfix { zoom: 1; }



/* IE7 */

.clear { clear: both; height: 0; font-size: 0; }



/*字体样式*/

.yahei { font-family: 'Microsoft YaHei'; }

.songti { font-family: '宋体'; }

.psnjwrap { width: 1200px; margin: 0 auto; }

h1,

h2,

h3 { font-weight: normal; }



/*top begin*/

.top { position: absolute; z-index: 9; width: 100%; padding-top: 6px; padding-bottom: 4px; text-align: right; color: #fff; top: 0; left: 0; }

.top span { margin-left: 15px; }

.top a { color: #fff; }

/*top end*/



/*header being*/

.header { position: absolute; z-index: 9; width: 100%; height: 110px; background: url(../images/header_bg.png) repeat-x center top; top: 28px; left: 0; }

.headerbar { height: 100px; }

.headerbar .logo { display: block; width: 529px; height: 100px; /*margin-right: 83px;*/ padding-top: 10px; }

/*header end*/



/*nav begin*/

.nav { height: 110px; }

.nav .nav-item { position: relative; width: 98px; height: 110px; padding-left: 10px; float: left; }

.nav .nav-item .nav-item-link { display: block; width: 98px; margin-top: 66px; font-size: 14px; text-align: center; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }

.nav .current { background: url(../images/nav_current.png) no-repeat; }

.nav .current a.nav-item-link { margin-top: 48px; color: #fff; }



.subnav { position: absolute; left: 10px; top: 110px; display: none; }

.subnav ul { width: 180px; background: rgba(255,255,255,.6); background: #fff\9; filter: alpha(opacity=60)\9; }

.subnav li { position: relative\9; height: 33px; padding-left: 35px; line-height: 33px; background: url(../images/icon_subnav.png) no-repeat 20px center; border-bottom: 1px solid #fffdfc; }

.subnav li a { font-size: 14px; }

.subnav li a:hover { color: #e60012; }

/*nav end*/



/*footer being*/

.footer { height: 100%; background: url(../images/footer_bg.png) repeat; }



.footerbar { padding-top: 26px; color: #fff; margin-right: 100px; }

.footerbar a { color: #fff; }

.footerbar-top a { display: block; /*height: 30px;*/ font-size: 14px; /*line-height: 30px;*/ float: left; margin-bottom: 16px; }

.footerbar-top a.footeroa { padding-left: 35px; background: url(../images/icon_footeroa.png) no-repeat left center; margin-right: 15px; }

.footerbar-top a.footertel { padding-left: 50px; background: url(../images/icon_footertel.png) no-repeat left center; font-size: 16px;cursor: default }

.copyright { line-height: 24px; }



.copyright a { margin-right: 8px; }

.footerbar address, .footerbar p { line-height: 24px; }



.footernav { padding-top: 25px; }

.footernav li { float: left; margin-right: 40px; }

.footernav li .footernav_title { display: block; font-size: 14px; color: #fff; margin-left: 0; border-left: 0; }

.footernav li .footernav_title em { font-weight: normal; font-size: 16px; color: #fff; }

.footernav li a { display: block; margin-left: 5px; padding: 4px 0; padding-left: 8px; border-left: 2px solid #9b000c; color: #fff; }

.footernav li span { display: block; margin-left: 5px; padding: 4px 0; padding-left: 8px; border-left: 2px solid #9b000c; color: #fff; }



.footerweixin { float: left; padding-top: 28px; margin-left:25px;  }

/*.footerweixin .weixinkuang{ width:100px; float:left; height:50px;}

.footerweixin .weixinkuang img{width: 80px; height: 50px;}*/

.footerweixin span { display: block; width: 120px; float: left; text-align: center; color: #fff;}

.footerweixin span img { display: block; width: 120px; height: 120px; margin-bottom: 8px; }

.footerweixin span em{width:120px; text-align:center; display: block;}

.footerkuang{ height:10px; width:100%; float:left; margin:auto;}

.kxwz{ margin-top:10px; width:130px; height:47px;}





.yc_links{background: url(../images/footer_bg.png) repeat; width:100%; height:20px;}

.yc_links li a{ float:left; margin-left:10px; color:#484848; }

/*footer end*/



/*漂浮框 being*/

.onlineqa { position: fixed; top: 300px; right: 0; width: 109px; height: 230px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; overflow: hidden; }

.onlineqa h2 { height: 20px; line-height: 20px; padding: 0 10px; background-color: #373737; color: #fff; overflow: hidden; }

.onlinebtn { cursor: pointer; }

.onlineqa img { display: block; }

.onlineqa-bottom { display: block; height: 30px; padding-top: 10px; background-color: #aaa; text-align: center; color: #fff; }

.onlineqa-bottom span { display: block; }

.onlineqa-bottom em { color: #ff0014; font-weight: normal; font-size: 14px; }

.onlines { width: 20px; height: 74px; color: #fff; cursor: pointer; background-color: #373737; text-align: center; padding-top: 5px; line-height: 14px; display:none; }



.onlineqa-hide { position: fixed; top: 500px; right: 0; width: 20px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; overflow: hidden; }

.onlineqa-hide h2 { display: none; }

.onlineqa-hide img { display: none; }

.onlineqa-hide .onlineqa-bottom { display: none; }

.onlineqa-hide .onlines { display:block;}

/*漂浮框 end*/



.subbanner { position: relative; width: 100%; height: 436px; background: url(../images/indexbanner_bg.png) repeat-x center bottom; padding-bottom: 18px; margin-bottom: 23px; overflow: hidden; }

.subbanner img { position: absolute; width: 1920px; height: 436px; display: block; left: 50%; margin-left: -960px; }

.subcontainer { padding-bottom: 32px; }



/*menu begin*/

.menu { width: 250px; padding-bottom: 10px; background: url(../images/menu_bottom.png) no-repeat left bottom; }

.menu .menu-title { width: 240px; height: 80px; text-align: center; line-height: 80px; font-size: 20px; color: #fff; margin-bottom: 27px;background: url(../images/menu_title.png) no-repeat;  }





.menubox { width: 250px; /*padding-bottom: 105px;*/ background: url(../images/menu_bg.png) repeat-y left top; }

.menu-item { padding-bottom: 2px; background: url(../images/menu_line.png) no-repeat left bottom; }

.menubox li:first-child { border-top: 0; }

.menu-item > a { display: block; height: 68px; padding-left: 60px; font-size: 16px; color: #333; line-height: 68px; }

.menu-item > a:hover { color: #b9212b; }







/*英文版*/

.enmenu { width: 350px; padding-bottom: 10px; background: url(../images/enmenu_bottom.png) no-repeat left bottom; }

.enmenu .menu-title { width: 350px; height: 80px; text-align: center; line-height: 80px; font-size: 30px; color: #fff; margin-bottom: 27px;background: url(enmenu_title.png) no-repeat;  }





.enmenubox { width: 350px; /*padding-bottom: 105px;*/ background: url(../images/menu_bg.png) repeat-y left top; }

.menu-item { padding-bottom: 2px; background: url(../images/menu_line.png) no-repeat left bottom; }

.menubox li:first-child { border-top: 0; }

.menu-item > a { display: block; height: 68px; padding-left: 60px; font-size: 16px; color: #333; line-height: 68px; }

.menu-item > a:hover { color: #b9212b; }

/*英文版*/







.submenubox { width: 162px; margin-bottom: 28px; padding-left: 58px; padding-top: 20px; padding-bottom: 40px; margin-left: 10px; background-color: #dcdcdc; display: none; }

.submenubox li { font-size: 14px; margin-bottom: 22px; }

.submenubox li a { color: #333; }

.submenubox li a:hover { color: #b9212b; }

.menubox .menu-current .submenubox { display: block; }



/*.menu-current { padding-bottom:28px;}*/

.menu-current > a { background: url(../images/menu_current.png) no-repeat; }

.submenubox li.submenu-current a { color: #b9212b; border-bottom: 1px solid #b9212b; }

/*menu end*/



.submain { width: 896px; padding: 0 17px; background-color: #f0f0f0; padding-bottom: 40px; }

.submain-title { padding-left: 50px; padding-bottom: 7px; padding-top: 15px; border-bottom: 2px solid #4d4d4d; margin-bottom: 40px; }

.submain-title span { font-size: 20px; color: #b61620; }



/*英文版*/

.ensubmain { width: 800px; padding: 0 17px; background-color: #f0f0f0; padding-bottom: 40px; }

.submain-title { padding-left: 50px; padding-bottom: 7px; padding-top: 15px; border-bottom: 2px solid #4d4d4d; margin-bottom: 40px; }

.submain-title span { font-size: 20px; color: #b61620; }

